{template "nheader.html"}
<div class="container-fluid larry-wrapper">
    <!--顶部统计数据预览 -->
    <div class="row">
        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-blue"> <i class="iconfont">&#xe672;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>用户总量</p>
                </div>
            </section>
        </div>
        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-commred"> <i class="iconfont">&#xe674;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>今日注册</p>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-dark-green"> <i class="iconfont">&#xe6bc;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>文章总数</p>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-yellow-green"> <i class="iconfont">&#xe649;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>今日新增</p>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-orange"> <i class="iconfont">&#xe638;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>评论总数</p>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-yellow"> <i class="iconfont">&#xe669;</i>
                </div>
                <div class="value">
                    <a href="#">
                        <h1>10</h1>
                    </a>
                    <p>今日评论</p>
                </div>
            </section>
        </div>

    </div>

    <div class="row">
        <div class="col-xs-12 col-md-6">
            <section class="panel">
                <div class="panel-heading">
                    网站信息
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <table class="layui-table">
                        <tbody>
                        <tr>
                            <td>
                                <strong>软件名称</strong>：

                            </td>
                            <td>
                                FineCMS
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>软件版本</strong>：

                            </td>
                            <td>
                                V2.2.0 - dev
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>开发作者</strong>：

                            </td>
                            <td>天睿程序E组</td>
                        </tr>
                        <tr>
                            <td>
                                <strong>服务器IP</strong>：
                            </td>
                            <td>114.74.7.233</td>
                        </tr>
                        <tr>
                            <td>
                                <strong>服务器环境</strong>：
                            </td>
                            <td>windows</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </section>


        </div>


        <div class="col-xs-12 col-md-6">
            <section class="panel">
                <div class="panel-heading">
                    数据统计
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <div class="echarts" id="echarts"></div>
                </div>
            </section>
        </div>
    </div>

</div>


</body>
<script type="text/javascript" src="{ADMIN_THEME}js/layui/layui.js"></script>
<script>
    layui.config({
        base: '{ADMIN_THEME}js/'
    }).extend({
        echarts: 'lib/echarts',
        ajax: 'jqmodules/ajax',
        modal: 'jqmodules/modal'
    }).use(['main', 'echart']);
</script>
</html>